﻿
/* CSS Document */


/***********************************************************RESET***************************************************************************/
*{margin:0;padding:0;font-size:10px;font-family:"Lucida Grande", Lucida, "Trebuchet MS", sans-serif;text-decoration:none}
.wrap-item{width:962px;margin:auto}

/***********************************************************HEADER**************************************************************************/
.header{float:left;width:100%;background:#141414}

/*NAVIGATION*/
.navigation{float:left;width:100%;background:#000;}
.navigation ul{float:left;padding:30px 0}
.navigation ul li{float:left;text-align:center;background:url(../images/line_border_right.jpg) no-repeat 0 0;list-style:none;}
.navigation ul li:first-child{background:none;}
.navigation ul li a{color:#a7a7a7;font-size:150%;text-transform:uppercase;text-align:left;padding:0 20px;text-shadow:0 1px 10px #fff;float:left}
.navigation ul li:first-child a{padding-left:0}
.navigation ul li a:hover{color:#DB1918;text-shadow:none}

/*LOGO*/
.logo{float:left;width:100%;padding:25px 0}
.logo-image{float:left;}
.lang-form{float:right;width:600px;text-align:right}
.lang-form-link{float:right;background:url(../images/key-icon.png) right center no-repeat;padding-right:40px}
.lang-form-link a{float:left;font-size:110%;text-transform:uppercase;color:#949494;margin:0px 7px}
.lang-form-link a:hover{color:#e7e7e7}
.lang-form-link span{float:left;font-size:10px;text-transform:uppercase;color:#545454}

/*LANGUAGE*/
.lang-form-choose{float:right;margin-top:20px;clear:both;}
.lang-form-choose-title{float:left;color:#949494;text-transform:uppercase;font-size:110%;margin-right:10px;clear:both;padding:7px 0}
.lang-form-choose-input{float:left;}
.lang-form-choose-input select{background:#141414;border:1px solid #545454;padding:4px;color:#949494;width:150px;float:left;font-size:120%}

/*ANIMATION*/
.animation{float:left;width:100%}
.animation-content{float:left;width:942px;background:#fff;padding:10px 10px 0 10px}


/***********************************************************CONTENT*********************************************************************/
.main{float:left;width:100%;}
.content{float:left;width:940px;padding:10px;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;margin-bottom:20px}

/*CONTENT TOP*/
.content-top{float:left;width:940px;margin-bottom:10px}
.txt-search{width:685px;padding:8px 20px;font-size:180%;margin-right:20px}
.bt-search{
	padding:12px 60px 11px 50px;font-size:180%;text-transform:uppercase;width:183px;
	background:url(../images/bg-search.png) no-repeat center right #DB1918;border:none;color:#fff;
}
.bt-search:hover{background:url(../images/bg-search-hover.png) right center no-repeat #000}

/*CONTENT RIGHT*/
.content-right{float:left;width:230px;padding-right:10px}
.content-right-title{
	float:left;width:220px;background:#db1918;
	height:20px;font-size:180%;color:#fff;text-transform:uppercase;padding:13px 0px 12px 10px
}
.content-right-content{float:left;width:230px;padding-bottom:10px}
.content-right-content ul{width:100%;list-style:disc;margin-bottom:17px}
.content-right-content ul li{list-style:disc;font-size:200%;color:#BDBDBD;margin-left:20px;padding:3px 0}
.content-right-content ul li:hover{color:#db1918}
.content-right-content ul li a{font-family: 'PT Sans Narrow', sans-serif;font-size:80%;color:#858585;text-transform:uppercase;display:block}
.content-right-content ul li a:hover{color:#db1918}
/*LOGIN*/
.login-form{float:left;width:230px;margin-bottom:10px}
.login-form-title{float:left;width:230px;margin:5px 0;color:#747474;font-size:120%}
.login-form-title a{color:#747474;font-size:100%}
.login-form-input{float:left;width:230px}
.txt-login{width:217px;padding:6px 5px}
.bt-login{padding:5px 15px;border:none;background:#db1918;font-size:140%;color:#fff;margin-top:5px}
.bt-login:hover{background:#000;cursor:pointer}

.advertise{float:left;width:230px;padding:10px 0}
.empty-right{float:left;width:230px;height:50px}
.special{float:left;width:230px}
.special-title{float:left;width:230px;font-size:180%;font-weight:bold;margin:22px 0 5px 0}
.special-content{float:left;width:230px}
.special-content img{padding:4px;border:1px solid #e7e7e7;width:220px}
.special-note{float:left;font-size:120%;margin-top:5px}


/*CONTENT LEFT*/
.content-left{float:left;width:700px}
.content-left-title{
	float:left;width:690px;background:#db1918;
	height:20px;font-size:180%;color:#fff;text-transform:uppercase;padding:13px 0px 12px 10px
}
.content-left-content{float:left;width:700px;padding:10px 0 0 0}
.content-left-content-item{float:left;width:700px;margin-bottom:10px}
.item-image{float:left;width:150px;padding:10px;border:1px solid #D6D6D6}
.item-image img{width:150px}

.item-detail{float:left;width:510px;padding-left:10px}
.item-detail-note{float:left;width:490px;color:#969696;font-size:120%;margin-bottom:10px}
.item-detail-title{float:left;width:490px;margin:5px 0}
.item-detail-title a{color:#141414;font-size:160%;}
.item-detail-title a:hover{color:#00AEEF}
.item-detail-title span{font-size:120%}
.item-detail-content{float:left;width:490px;color:#4A4A4A;font-size:120%;line-height:22px;margin-bottom:10px;}
.item-detail-date{float:left;width:250px;font-size:120%;color:#db1918}
.item-detail-link{float:right;text-align:left;padding-right:40px}
.item-detail-link a{font-size:120%;color:#00AEEF;text-decoration:underline}
.item-detail-link a:hover{text-decoration:none}

.design-image{float:left;width:680px;margin-top:20px;padding:10px;border:1px solid #d7d7d7}
.design-image img{width:680px}
.design-description{float:left;width:700px;font-size:120%;margin-top:20px;line-height:22px}

.remark-title{float:left;width:700px;margin-top:20px;font-size:120%;font-weight:bold;margin-bottom:10px}
.remark-content{float:left;width:700px}
.remark-content-teacher{float:left;width:700px;line-height:22px;font-size:120%;font-weight:bold}
.remark-content-value{float:left;width:700px;}
.remark-content-value p{line-height:22px;font-size:120%}

.student-item{float:left;width:213px;padding:10px;height:240px;box-shadow:3px 3px 10px #969696}
.award
{
    float:left;background:#f60;color:#fff;
    border-radius:0 0 40px 0;width:30px;height:30px;padding:5px;
    font-size:160%;font-weight:bold
}
.award a{display:block;width:200px;height:240px;float:left;margin-top:-30px}

.footer{float:left;width:100%;background:#000;margin-bottom:-30px}

.footer-item{float:left;width:320px}
.footer-item-title{
	float:left;width:300px;border-bottom:1px solid #3b3b3b;padding-right:10px;margin-top:10px;padding-bottom:5px;
	border-bottom-style:dashed;color:#808080;font-size:12px;text-transform:uppercase;
}

.free-goodies{float:left;width:310px;margin-top:10px;}
.free-goodies-content{float:left;width:260px;font-size:120%;color:#808080;text-align:justify;}
.free-goodies-content a{font-size:100%;color:#00AEEF;}
.free-goodies-icon{float:left;width:46px}

.facebook{float:left;width:320px;margin-top:10px;text-align:left}

.flickr-group{float:right;width:310px;margin-top:10px;text-align:right;margin-right:10px}

.copy-right{float:left;width:100%;background:#141414;}
.menu-footer{float:left}
.menu-footer ul{float:left;list-style:none}
.menu-footer ul li{float:left;list-style:none;padding:15px 10px 15px 0}
.menu-footer ul li a{float:left;display:block;color:#474747;text-transform:uppercase;font-size:110%}
.menu-footer ul li a:hover{color:#777}

.copy-right-content{float:right;color:#474747;text-transform:uppercase;padding:15px 10px 15px 0;font-size:110%}
.copy-right-content span{color:#575757;font-size:100%}



.txt-search,.txt-login,select,.txt-form-submit-design,textarea{
	border:1px solid #ccc;
	display:inline-block;color:#555555;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-ms-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-o-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	
	-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;
	-moz-transition:border linear 0.2s,box-shadow linear 0.2s;
	-ms-transition:border linear 0.2s,box-shadow linear 0.2s;
	-o-transition:border linear 0.2s,box-shadow linear 0.2s;
	transition:border linear 0.2s,box-shadow linear 0.2s;
}
.txt-search:focus,.txt-login:focus,select:focus,.txt-form-submit-design:focus,textarea:focus{
	border-color:rgba(82, 168, 236, 0.8);
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
	outline:0;outline:thin dotted \9;
}
.txt-search{border:4px solid #f1f1f1}


.competition{float:left;width:700px;}
.competition-image{float:left;width:140px;padding:10px;border:1px solid #d7d7d7}
.competition-image img{width:140px}
.competition-more{float:left;width:500px;padding:0 10px;}
.competition-more-item{float:left;width:480px;padding:0 0 10px 0}
.competiton-more-item-title{float:left;font-size:130%}
.competiton-more-item-value{float:left;font-size:130%;margin-left:5px}

.competition-summary{font-weight:bold;font-size:130%;text-align:justify;float:left;width:525px;padding-left:10px}

.competition-join{float:left;width:525px;padding-left:10px;margin-top:50px;color:#00AEEF}
.competition-join a{color:#00AEEF;font-size:120%;padding:0 5px;text-decoration:underline}

.competition-detail{float:left;width:700px;margin:10px 0}
.competition-detail-title{float:left;width:700px;font-size:140%;font-weight:bold;color:#646464;margin:10px 0}
.competition-detail-content{float:left;width:700px;font-size:130%;line-height:22px;text-align:justify}
.competition-detail-content ul{list-style-position:inherit;padding-left:15px}
.competition-detail-content ul li{font-size:130%}

.submition{float:left;width:700px;margin:10px 0 20px 0}

.submition-title{float:left;width:700px;font-size:140%;color:#646464;margin-bottom:10px;font-weight:bold}

.form-input{float:left;width:700px}
.submition form{float:left}
.submition label{float:left;width:700px;font-size:120%;margin:5px}
.submition label span{color:#f00}
.submition form input{float:left;margin:5px;}

.submition form textarea{width:600px;height:150px;margin-bottom:10px;font-size:120%;padding:10px}

.txt-form-submit-design{width:300px;padding:5px;font-size:120%}

.message{float:left;width:700px}
.message ul{float:left;padding-left:10px;}
.message ul li{font-size:120%;margin:3px 0}

.error{color:#f00}

.message_success{float:left;width:680px;padding:10px;font-size:120%}
.message_success a{color:#00AEEF;text-decoration:none;font-size:100%}

/*------------------------------------------------------PAGING----------------------------------------------------------*/
.paging{
	float:right;width:700px;background:#db1918;text-align:right;text-transform:uppercase;
}
.paging a{float: left;display:block;font-size:140%;color:#fff;padding:12px}
.paging a:hover{background:url(../images/bg-paging-item-hover.png) no-repeat center;}
.notlink{float: left;background:url(../images/bg-paging-item-hover.png) no-repeat center;padding:12px;font-size:160%;margin:0 5px;color:#fff}
.link{float: left;font-size:120%;background:url(../images/bg-paging-item.png) no-repeat center;color:#fff;margin:0 5px}


/*******************************************************PROFILE***********************************************************/
.profile-image{float:left;text-align:center;padding:10px 15px 10px 15px}
.profile-username{float:left;font-size:120%;width:100%;margin:3px 0}
.profile-action{float:left;width:100%;margin:3px 0}
.profile-action a{float:left;font-size:120%;color:#00AEEF}

/*------------------------------------------------------PERSONAL MANAGER------------------------------------------------*/
.profile-note{float:left;width:700px;font-size:120%;margin-top:10px}
.profile-title{float:left;width:700px;font-size:160%;margin:20px 0}

.profile-design{float:left;width:700px}
.profile-design table{border-collapse:collapse;width:700px;border:1px solid #d7d7d7}
.profile-design table tr{border-bottom:1px solid #d7d7d7}
.profile-design table td{font-size:120%;padding:10px 0;border-right:1px solid #d7d7d7;padding-left:5px}
.profile-design table td a{font-size:120%;color:#00AEEF}
.center{text-align:center}
.padding-left{padding-left:1%}
.edit{width:70px}
.design-image-profile{width:140px}
.design-image-profile img{width:120px}
td.design-name-profile{width:200px;padding-left:10px}
.number-no{font-weight:bold}

.birthday{float:left;width:100%}
.birthday select{padding:5px 10px;font-size:120%}

.success{color:#00AEEF;font-size:120%;font-weight:bold}

.grading{float:left;width:700px}
.grading-item{float:left;width:700px;text-align:left;padding:5px 0}
.grading form{float:left;width:700px}
.grading label{float:left;width:100px;font-size:120%;padding-right:10px}
.grading input{float:left;text-align:left}
.grading-item-title{font-weight:bold;text-align:left}
.grading-item-value{text-align:right}
.txt-remark{width:500px;height:100px;padding:10px;font-size:120%}





